/* samsung note 20 */
@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {}


/* Media Query for Mobile Devices */
@media (max-width: 480px) {

    h1,
    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 700;
        border-bottom: 0;
    }

    h6 {
        font-size: 1rem;
    }

    #backto-top {
        display: none;
    }

    .banner-main .carousel-indicators {
        display: none;
    }

    .thanku_bg p {
        font-size: 15px;
    }

    .thanku_bg img {
        width: 360px;
    }

    .logo-main img {
        width: 200px;
        padding: 8px;
        margin: 0;
    }

    .pro_logo img {
        width: 235px !important;
    }

    .tick_double ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .banner-main {
        margin-top: 0;
    }

    .banner-main .carousel-caption {
        position: inherit;
        width: 100% !important;
        background-color: #603100;
        padding: 2px;
        bottom: 0;
        right: 0 !important;
        left: 0 !important;
        text-align: center;
        line-height: 1.2;

    }

    .banner-main .carousel-caption h1 {
        font-size: 1.4rem;
        color: #fff;
        background: transparent;
    }

    .banner-main .carousel-caption p {
        line-height: 18px;
    }

    .banner-main .carousel-caption h3 {
        font-size: .8rem !important;
    }

    .banner-main .carousel-item img {
        height: 220px;
        object-fit: cover;
        width: 100%;
    }

    .banner-main .carousel-control-next,
    .banner-main .carousel-control-prev {
        margin-top: 2pc;
    }

    .banner-main .carousel-control-prev {
        left: 0 !important;
    }

    .banner-main .carousel-control-next {
        right: 0 !important;
    }

    .banner-main .carousel-control-prev:after,
    .carousel-control-next:before {
        color: #dfb574;
    }

    .custom-logo-linker img {
        width: 100px !important;
    }

    .carousel-indicators [data-bs-target] {
        display: none;
    }

    .section_title h2 {
        font-size: 24px !important;
        margin-bottom: 8px;
    }

    .section_title strong {
        font-size: 20px !important;
        background: transparent;
        color: #111;
        padding: 0;
    }

    .section_title h2:after {
        width: 50px;
        height: 3px;
        bottom: -8px;
    }

    .navbar {
        background-color: #fff;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .topbar .topbar_right {
        margin-top: 0;
        display: none;
    }

    .topbar ul li {
        font-size: 12px;
    }

    .assure_col h6 {
        font-size: 15px;
    }

    .sectiongap {
        padding: 20px 0;
    }

    .filter-list .btn {
        padding: 10px 15px !important;
        font-size: 14px;
    }

    .wishlist i,
    .share i {
        font-size: 10px;
        padding: 5px;
    }

    .copyright {
        margin-top: 20px;
        padding: 10px 20px 45px 20px;
    }

    .vdo_btn {
        top: 8px;
    }

    .banner-main .carousel-caption h2 {
        font-size: 24px;
    }

    .topbar .topbar_left {
        font-size: 16px;
    }

    .bg h3 {
        font-size: 6rem;
    }

    .destinations h3 {
        margin-top: 1pc;
        font-size: 14px;
    }

    .benecol:nth-child(2) {
        border-right: 0;
    }

    .benecol {
        margin-bottom: 1pc;
    }

    .benecol i {
        font-size: 20px;
        margin-bottom: 1pc;
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

    .benecol h6 {
        font-size: 13px;
    }

    .benefits_div {
        padding: 10px;
    }

    .overlay_txt h4 {
        font-size: 20px;
    }

    .overlay_txt_center h3 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .overlay_txt_center .btn-primary,
    .btn-secondary {
        font-size: 12px;
    }

    /* .events img{height: 200px;} */
    .events .overlay_txt_center {
        position: static;
        transform: none;
    }

    .mask_bg {
        margin-top: 2pc;
        border-radius: 0;
    }

    footer h4 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .scroll_navbar {
        border-bottom: 1px solid #ffe8d1;
        background-color: #fff9f9;
    }

    .social_icon {
        position: fixed;
        top: unset;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: unset;
        z-index: 4;
        bottom: 0;
        width: 100%;
        background: #1e2332;
        display: flex;
        left: 0;
        z-index: 222;
    }

    .social_icon .social-button {
        width: 100%;
        height: 40px;
        line-height: 30px;
        text-align: center;
        font-size: 15px;
        margin: 0 auto;
        border-radius: 0;
    }

    .social_icon .social-button i {
        font-size: 17px;
    }

    .social_icon a {
        display: inline-block;
        text-align: center;
        padding: 10px 0;
        transition: all 0.3s ease;
        color: #fff;
        width: 100%;
        height: auto;
        line-height: auto;
        border-radius: 0;
        margin: 0;
    }

    .floating_icon_bar {
        display: none;
    }

    .features .d-flex {
        justify-content: center;
    }

    .property .about_imgbox .about_img img {
        height: 175px;
        object-fit: cover;
        object-position: 0 30%;
    }

    .property .about_imgbox .about_img .child_imgbox img {
        height: auto;
        width: 85%;
    }

    .benecol {
        padding: 10px 6px;
    }

    #spin {
        margin-left: 14px;
    }

    .stellarnav>ul>li>a::after {
        display: none;
    }

    #spin {
        font-size: 15px;
    }

    .login-mob {
        position: relative;
        right: 10px;
    }

    .shape-2 {
        display: none;
    }

    .about_img img {
        width: 80%;
    }

    .about_box_wrapper .about_imgbox {
        text-align: left;
    }

    .about_imgbox .about_img .child_imgbox {
        position: absolute;
        bottom: 40px;
        right: -30px;
        border-top: 0;
        border-right: 0;
        width: 60%;
        left: auto;
    }

    .property .about_imgbox .about_img .child_imgbox {
        right: 0;
        bottom: 0;
        left: auto;
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }

    .property .about_imgbox .about_img .child_imgbox img {
        border-top: 5px solid #f8f5f0;
        border-right: 5px solid #f8f5f0;
        border-left: 5px solid #f8f5f0;
    }

    .property .about_img img {
        width: 100%;
    }

    .skills-flex-container .box {
        padding: 6px;
    }

    .skills-flex-container .box {
        flex: 1 1 15%;
        background: var(--white);
        box-shadow: 0 0 15px #aaa;
        padding: 6px;
        text-align: center;
        transition: all 0.3s ease-in;
    }

    .skills-flex-container .box .title {
        margin-top: 8px;
        font-size: 11px;
    }

    .skills-flex-container .box .image img {
        max-width: 35px;
    }

    figure.effect-oscar h2 {
        font-size: 13px;
    }

    .b2b h2 {
        font-size: 22px;
    }

    .b2b h3 {
        font-size: 20px;
    }

    .cont_border {
        font-size: 15px;
        padding: 0 0 15px 15px;
    }

    .cont_border img {
        width: 35px;
    }

    .whitebox {
        padding: 15px;
    }

    .whitebox.sticky_div {
        margin-bottom: 15px;
    }

    .contact {
        background: #fffbf4;
    }

    .cont_bg {
        position: relative;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .cont_bg li {
        margin: 0 0 15px 0;
    }

    .cont_bg li i {
        font-size: 14px;
        margin-top: 5px;
    }

    .contact .whitebox {
        padding: 20px;
    }

    .contact-map iframe {
        height: 300px;
    }

    .filter-list {
        margin-bottom: 12px;
    }

    figure.hover_effect h2 {
        font-size: 25px;
    }

    .lightbg ul li {
        font-size: 12px;
        float: none;
        margin: 0 0 5px 0;
        padding: 0;
        border-right: 0;
    }

    .cont_block {
        margin: 0 0 10px 0;
        float: left;
    }

    h4 strong:before {
        border-left: 0;
    }

    .modal h5 {
        font-size: 20px;
    }

    label,
    .form-control,
    .form-select {
        font-size: 13px;
    }

    .carpos .carposhead i {
        font-size: 11px;
        display: block;
    }

    .carpos .carposhead {
        padding: 8px 2px;
        font-size: 11px;
        text-align: center;
    }

    .carpos .row.tbl_sticky_div {
        background: #dfb574;
    }

    .content_box .section-title h2 {
        font-size: 20px;
        font-weight: 600;
    }

    .section-title img {
        height: 26px;
        margin: 0 0 0 5px;
    }

    .content_box {
        padding: 10px;
    }

    .ame_head:after {
        border-left: 0px solid var(--brown);
    }

    .ame_head::before {
        background: transparent;
    }

    .ame_head {
        font-size: 22px;
        padding: 2px;
    }

    .facilities img {
        width: 40px;
    }

    .choose-shape img {
        width: 50px;
        margin-top: -40px;
        margin-left: 20px;
    }

    .service-icon-box h5 {
        height: auto;
    }

    .btn-primary,
    .btn-secondary {
        font-size: 14px;
    }

    .btn-primary i,
    .btn-secondary i {
        font-size: 12px;
    }

    .hsb_logo img {
        height: 30px;
    }

    .properti_name {
        font-size: 16px;
    }

    h4 strong {
        font-size: 16px;
    }

    h4 strong img {
        height: 16px;
    }

    .dis_frm_area {
        margin-bottom: 12px;
    }

    .contact .mt-5 {
        margin-top: 1rem !important;
    }

    .paper .title {
        font-size: 14px;
        height: auto;
    }

    .customized_pack_section li {
        width: 45%;
        display: inline-block;
        padding: 2px;
        margin: 5px;
        text-align: center;
    }

    .customized_pack_section li p {
        padding: 0;
        font-size: 14px;
    }

    .customized_pack_section li i {
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 16px;
    }

    ul.tick_triple {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .scroll-to-fixed-fixed {
        position: relative !important;
        height: 0;
    }

    .inner_banner_mobile img {
        height: 180px;
        object-fit: cover;
        width: 100%;
    }

    .inner_banner_text {
        top: 68px;
    }

    .inner_banner_text h2 {
        font-size: 20px;
        color: #fff;
        padding: 0 10px;
        background: #603100;
        display: inline-block;
    }

    .inner_banner_text h2:after {
        width: 0;
        height: 0;
        bottom: 0;
    }

    .banner_inner_section {
        margin: 0 0 10px 0;
    }

    .menu-item ul.tick_triple {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .about_contentbox {
        padding-top: 0;
    }

    .owl-carousel.amenities .item {
        padding: 10px !important;
    }

    .amenities_area {
        width: 93%;
        margin: 0 auto 10px auto;
    }

    .cms-wrap h2 {
        font-size: 22px;
    }

    .resorts_location ul li {
        width: 50%;
    }

    .resorts_location ul li:nth-child(2),
    .resorts_location ul li:nth-child(4),
    .resorts_location ul li:nth-child(6),
    .resorts_location ul li:nth-child(8) {
        border-right: 0;
    }

    .dis_frm p {
        margin-bottom: 0;
        padding-left: 0;
    }

    .amenities .owl-nav {
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .Banquetfacilities {
        padding: 12px;
    }

    .section_title h3 {
        margin-bottom: 5px;
    }

    .customized_pack_section li:last-child {
        border-right: 1px dashed var(--beige);
    }

    .inner-banner {
        height: 160px;
    }

    .offer_head {
        font-size: 20px;
        padding: 6px 16px;
    }

    .offer_head strong {
        display: inline;
        margin: 0 8px;
    }

    figure.hover_effect p {
        padding: .2em .4em .2em .2em;
    }

    .wpcf7 .wpcf7-recaptcha iframe {
        margin-left: -20px;
    }

    .contact .wpcf7 .wpcf7-recaptcha iframe,
    .page-template-custom-made-packages .wpcf7 .wpcf7-recaptcha iframe {
        margin-left: 0;
    }

    .Banquet_cat_price .offer_price {
        float: none;
        margin: 0 20px 6px 0;
    }

    .Banquet_cat_price .btn {
        margin-bottom: 7px;
    }

    .offer_price p span:nth-child(3) {
        display: inline;
        margin-left: 10px;
    }

    .boat_section .content_box .section_title h2 {
        font-size: 18px !important;
    }

    .reservations .text a {
        font-size: 20px;
    }

    .reservations .text {
        margin-left: 10px;
    }

    .nav-tabs .nav-link,
    .nav-tabs {
        font-size: 16px;
        margin-bottom: 6px;
    }

    figure.effect-oscar {
        margin-bottom: 15px;
    }

    .b2b h5 {
        font-size: 16px;
    }

    .lightbg {
        padding: 10px 15px;
    }

    .lightbg3 img {
        height: 250px;
    }

    .carousel-control-next .visually-hidden {
        margin-right: 50px !important;
        margin-top: -17px !important;
        font-size: 12px;
    }

    .carousel-control-prev .visually-hidden {
        margin-left: 50px !important;
        margin-top: -17px !important;
        font-size: 12px;
    }

    .carousel-control-next:before {
        font-size: 14px;
        right: 8px;
    }

    .carousel-control-prev:after {
        font-size: 14px;
        left: 8px;
    }

    .service-icon-box .icon-box h5 {
        font-size: 14px;
    }

    .service-icon-box .icon-box-inner {
        font-size: 22px;
        padding: 3px 8px;
    }

    .info-txt {
        margin: 0 20px 10px 20px;
        text-align: left;
    }

    .info-txt p {
        font-size: 17px;
        padding: 5px;
        line-height: 22px;
    }

    .info-txt i {
        font-size: 18px;
        margin: 8px 10px 0 0;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .term-social-gathering .booking_option .content_box .section_title h2 {
        margin-top: 8px;
    }

    .room-table.popover {
        transform: translate3d(20px, -222.75px, 0px) !important;
    }

    .skills-flex-container .box:hover .image {
        transform: scale(1.1) translateY(-5px);
    }

    .room-header {
        font-size: 14px;
    }

    #roomTabs .room-header button {
        padding: 0;
        font-size: 12px;
    }

    ul.nav-tabs#roomTabs li {
        margin: 0 !important;
    }

    #roomFilter .dotbg ul {
        margin: 0;
    }

    .rooms,
    .bookdtl,
    .booksum {
        padding: 10px;
        margin-bottom: 20px;
    }

    .btn-danger {
        font-size: 11px;
        padding: .375rem .4rem;
    }

    #blog_details h1 {
        font-size: 24px;
    }

    #blog_details h2 {
        font-size: 20px;
    }

    #blog_details h3 {
        font-size: 17px;
    }

    .banner-main.banner_new .carousel-control-next,
    .banner-main.banner_new .carousel-control-prev {
        bottom: 18px !important;
        top: auto !important;
    }

    .btn_grp_section {
        margin: 3px;
    }

}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 768px) {

    .custom-logo-linker img {
        width: 80px;
    }

    .section_title strong {
        font-size: 18px;
    }

    .banner-main .carousel-indicators {
        left: -95px;
    }

    .banner-main .carousel-item img {
        object-fit: cover;
        object-position: 100% 0;
    }

    .banner-main .carousel-caption {
        bottom: 12%;
        padding: 10px;
        width: 60%;
        left: 5%;
    }

    .bg h3 {
        font-size: 6rem;
    }

    .events .overlay_txt_center {
        position: static;
        transform: none;
    }

    .overlay_txt_center h3 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .mask_bg {
        display: flex;
        justify-content: center;
    }

    .bg {
        display: flex;
        align-items: center;
    }
}




/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 769px) and (max-width: 1024px) {
    p {
        font-size: .7rem;
    }

    h1,
    h2 {
        font-size: 1.6rem !important;
        margin-bottom: 5px;
    }

    .custom-logo-linker img {
        width: 80px;
    }

    .section_title strong {
        font-size: 18px;
    }

    .banner-main .carousel-indicators {
        left: -95px;
    }

    .banner-main .carousel-item img {
        object-fit: cover;
        object-position: 100% 0;
    }

    .banner-main .carousel-caption {
        bottom: 10%;
        padding: 10px;
    }

    .bg h3 {
        font-size: 6rem;
    }

    .events .overlay_txt_center {
        position: static;
        transform: none;
    }

    .overlay_txt_center h3 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .mask_bg {
        display: flex;
        justify-content: center;
    }

    .bg {
        display: flex;
        align-items: center;
    }

    .features .d-flex {
        justify-content: center;
    }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .stellarnav>ul>li {
        margin: 0 10px;
    }

    .stellarnav>ul>li>a {
        padding: 12px 18px !important;
        font-size: 10px !important;
    }

    .custom-logo-link img {
        width: 70px;
    }

    .section_title strong {
        font-size: 18px;
    }

    footer ul ul.foot_contacts li {
        border-right: 0;
    }

    .resorts_location ul li {
        margin: 0 0 6px 0 !important;
        padding: 0 3px;
        width: 32%;
    }




}


@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
    .stellarnav>ul>li>a {
        padding: 16px 12px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }

    .stellarnav.desktop li.has-sub ul li a {
        font-size: 12px;
    }

    .stellarnav li a {
        padding: 6px 15px;
    }

    .stellarnav ul ul.tick_triple {
        width: 465px !important;
    }

    .bg h3 {
        font-size: 6rem;
    }

    .destinations .btn-primary,
    .destinations .btn-secondary {
        font-size: 11px;
        padding: 6px;
    }

    .destinations .card .card-footer {
        padding: 4px;
    }

    .events .overlay_txt_center {
        position: static;
        transform: none;
        margin-top: 4pc;
    }

    .overlay_txt_center h3 {
        font-size: 30px;
    }

    .logo-main img {
        width: 200px;
    }

    .custom-logo-link {
        left: -45px;
    }

    .cont_border img {
        display: block;
    }

    .g-recaptcha>div {
        transform: scale(0.8);
        webkit-transform: scale(0.8);
    }

    .wpcf7 .wpcf7-recaptcha iframe {
        margin-left: -24px;
    }

    .resorts_location ul li {
        margin: 0 0 6px 0 !important;
        padding: 0 6px;
    }

    .lightbg h3 {
        font-size: 17px;
    }

    .tick_double.tick ul li {
        line-height: 17px;
    }

    .paper .title {
        font-size: 11px;
    }

    .container {
        max-width: 90%;
    }

    .skills-flex-container .box .title {
        font-size: 13px;
    }

    .skills-flex-container .box {
        padding: 16px;
    }

    .section_title h2 {
        font-size: 30px;
    }

    .inner_banner_text h2 {
        font-size: 22px !important;
    }

    .properti_name {
        font-size: 13px;
        margin: 5px 0 0 0;
    }

    .properti_name i,
    .more {
        font-size: 11px;
    }

    footer ul ul.foot_contacts li {
        border-right: 0;
    }

}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {

    .customized_pack_section li a i,
    .customized_pack_section li p {
        font-size: 13px;
    }

    .banquet_img {
        display: block;
    }

    .banquet_img img {
        margin: 6px 10px 12px 10px;
        width: 90%;
    }

    .paper .title {
        font-size: 10px;
    }

    .events .overlay_txt_center {
        margin-top: 3.5pc;
    }

    .skills-flex-container .box {
        padding: 10px;
    }

    .skills-flex-container .box .title {
        font-size: 12px;
    }

    figure.effect-oscar h2 {
        margin: 30% 0 0 0;
        font-size: 18px !important;
    }

    .overlay_txt h4,
    .overlay_txt_center h3 {
        font-size: 20px;
    }

    .inner_banner_desktop img {
        height: 150px;
    }

    .inner-banner {
        height: 150px;
    }

    .inner_banner_text {
        top: 60px;
    }

    .properti_name {
        font-size: 12px;
    }

    .properti_name i {
        font-size: 11px;
    }

    .more {
        font-size: 10px;
    }

    .inner_banner_text h2 {
        font-size: 18px !important;
    }

}

@media (width:1024px) and (height: 600px) {

    .stellarnav>ul>li {
        margin: 0 1px;
    }

    .stellarnav>ul>li>a {
        padding: 10px 5px !important;
        font-size: 10px !important;
        margin: 0 5px !important;
    }

    .navbar {
        padding: 5px 0;
    }

    .custom-logo-link {
        left: -20px;
    }

    .scroll_navbar .custom-logo-link {
        left: -24px;
    }

    .midlogo {
        margin: 0 20px !important;
    }
}


@media (width:667px) and (height: 375px) {
    .benecol:last-child {
        border-right: 1px solid var(--beige);
    }

    .benecol {
        margin-bottom: 10px;
    }

    .grid figure img {
        height: 270px;
    }

    .banner-main .carousel-item img {
        height: 300px;
    }

    .banner-main .carousel-caption h1,
    .section_title h2 {
        font-size: 30px;
    }

}


/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1199px) {}


/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1366px) {}

/* Media Query for Large screens */
@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }


}

@media (min-width: 1920px) {

    .inner_banner_desktop img,
    .inner-banner {
        height: 250px !important;
    }

    .inner_banner_text {
        top: 110px;
    }

    .ame_head {
        padding: 18px 50px;
        font-size: 24px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        bottom: 4pc;
    }

}

@media (min-width: 1079px) and (max-width: 1920px) {}